<template>
	<view style="padding: 20px;">
		<u-button type="primary" text="确定"></u-button>
		<u-button type="primary" :plain="true" text="镂空"></u-button>
		<u-button type="primary" :plain="true" :hairline="true" text="细边"></u-button>
		<u-button type="primary" :disabled="disabled" text="禁用"></u-button>
		<u-button type="primary" loading loadingText="加载中"></u-button>
		<u-button type="primary" icon="map" text="图标按钮"></u-button>
		<u-button type="primary" shape="circle" text="按钮形状"></u-button>
		<u-button text="渐变色按钮" color="linear-gradient(to right, rgb(66, 83, 216), rgb(213, 51, 186))"></u-button>
		<u-button type="primary" size="small" text="大小尺寸"></u-button>
		<u--text mode="price" text="131451.1"></u--text>
		<u--image :showLoading="true" src="https://tse4-mm.cn.bing.net/th/id/OIP-C.OhuY2Kp0lQPML_nCJLyLQAHaE8?w=249&h=180&c=7&r=0&o=7&dpr=1.5&pid=1.7&rm=3" width="80px" height="80px" @click="click"></u--image>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				disabled: true
			}
		},
		methods: {

		}
	}
</script>

<style>
</style>